﻿@model IEnumerable<AskpldtUHW.Models.SSC>
@{
    ViewBag.Title = "Sales and Service Centers";
}

<script type="text/javascript">
    $(document).ready(function () {

        var CityProvince = 'Enter City/Province';

        $('#cityprov').val(CityProvince).addClass('watermark');
        $('#cityprov').blur(function () {
            if ($(this).val().length == 0) {
                $(this).val(CityProvince).addClass('watermark');
            }
        });
        $('#cityprov').focus(function () {
            if ($(this).val() == CityProvince) {
                $(this).val('').removeClass('watermark');
            }
        });

        var removeClass = true;

        $("#btnSSC").click(function () {
            $(".hiding").show();
            removeClass = false;
        });
    });
</script>

<div id="mainContent" class="container_12">            
	<img class="images_banner" alt="" src="@Url.Content("~/Content/Home/image/askpldt_banner.jpg")"/>
	
    <a class="back-arrowNav" id="lnkBack" title="Back to Quick Self-care Transactions" href="/Home">
    <img class="unit" alt="" src="@Url.Content("~/Content/Home/image/arrow.gif")"/>
    Back to Quick Self-care Transactions</a>
    <h3 class="menu_title">Sales Service Centers</h3>

    @using (Ajax.BeginForm("SearchSSC", "Home", new AjaxOptions
    {
        HttpMethod = "POST",
        UpdateTargetId = "loadSalesServiceCenters",
        LoadingElementId = "spinner"
    }))
    { 
        <div class="menu_content">
            <div><input type="text" id="cityprov" name="cityprov" /></div>
            <div><span class="help-block font_style_i span_move">example: Manila, Pasig, Madaluyong</span></div>

            <input type="submit" value="Submit" id="btnSSC" class="button_example"/>
        </div>
    }

   
    
    <!--<div id="Preloader" class="hiding">
        <img src="@Url.Content("~/Content/Home/image/preloader_transparent.gif")" style="margin-left:auto; margin-right:auto;"/>       
    </div>-->
    <div id="spinner" class="hiding">
 
            <span id="ball_1" class="spinner_ball"></span>
            <span id="ball_2" class="spinner_ball"></span>
            <span id="ball_3" class="spinner_ball"></span>
       
    </div>
    <div id="loadSalesServiceCenters"  class="hiding">
        @Html.Partial("_SSC")
     </div>
</div>
<div class="clear"></div>


